<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<style>

    .wrapper03 {
        position: relative;
        height: 40px;
        line-height: 40px;
        width: 100%;
        overflow: hidden;
        margin: 0 auto;
        /*border-bottom: 1px solid #ccc*/
    }

    .wrapper03 .scroller {
        /*position: absolute*/
        text-align: center;
        min-width: 100%;
    }

    .wrapper03 .scroller li {
        /*height: 1rem;*/
        color: #333;
        /*float: left;*/
        display: inline-block;
        /*line-height: 1rem;*/
        font-size: 12px;
        text-align: center
    }

    .wrapper03 .scroller li a {
        color: #4F5A67;
        display: block;
        line-height: 40px;
        padding: 0 10px;
        text-decoration: none;
    }

    .wrapper03 .scroller li.z-action a {
        color: #3E88F5;
        /*height: .9rem;*/
        border-bottom: 1px solid #3E88F5
    }
    .header-tab {
        padding-right: 40px;
    }
</style>
<div class="header clearfix text-center">
    <div class="header-phone">
        <div class="user-face-icon">
            <img class="img" style="border-right: none;" src="${base}/images/man.png">
        </div>
    </div>
    <div class="header-tab">
        <div class="wrapper wrapper03" id="wrapper03">
            <div class="scroller">
                <ul class="clearfix" id="headTabs">

                </ul>
            </div>
        </div>
    </div>
</div>
<script>
    (function () {
        var pathname = window.location.pathname
        var headTabs = document.getElementById('headTabs')
        headTabs.innerHTML = '<li class="' + (pathname === "/yue/index" ? "z-action" : "") + '"><a href="${base}/yue/index">市内快车</a></li>'
        window.isQueryji = false;
        if (headTabs.getElementsByClassName('z-action').length == 0) {
            headTabs.getElementsByTagName('li')[0].setAttribute('class', 'z-action')
        }
    })()
</script>

